<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>LAYABOX-famliy</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/famliy.css"/>
	</head>
	<body>
		<!-- Static navbar -->
		  <!--移动端才会显示的导航-->
      <nav class="navbar navbar-default">

        <div class="container-fluid">
          <div class="navbar-header">
          	<!--移动端按钮-->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
          </div>
          <!--平板端以上的横向导航-->
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li ><a href="index.html">首页</a></li>
              <li><a href="famliy.html">Laya家族</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="about_us.html">关于我们</a></li>
             
            </ul>
            <!--右侧切换语言按钮-->
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">English</a></li>
                  
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      <section class="flash">
      	<div class="container">
      		<div class="row">
      		<div class="layaflash-text col-xs-12 col-sm-6 col-md-6">
      			<p class="layaflash-title"><span>1</span>LayaFlash</p>
      			<div class="caption pro-layaflash-content fadeInDown animated">
							<p class="layaflash-header-title">直接用Flash AS3语言开发HTML5的引擎 </p>
							<ul>
								<li>为Flash程序员而生，上手快，无需学习其他语言；</li>
								<li>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；</li>
								<li>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</li>
								<li>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</li>
							</ul>
							<p class="pro-down-btn">
								<a href="">进入下载</a>
      			</div>
      		</div>
      			<div class="layaflash-img col-xs-12 col-sm-6 col-md-6">
      				<img src="img/pro-001.jpg"/>
      			</div>
      		
      	</div>
      </section>
      <section class="layaplay">
      	<div class="container">
      		<div class="row col-md-12">
      			<p class="layaplay-title"><span>2</span>LayaPlay</p>
      		</div>
      		<div class="row">
      			<div class="play-left col-xs-12 col-md-4 col-sm-4" >
      				<img src="img/layaplayer-001.jpg"/>
      			</div>
      			<div class="play-content col-xs-12 col-md-4 col-sm-4">
      					<div class="caption fadeInDown animated delay-2">
							<p class="layaplayer-title">极强性能</p>
							<p class="layapalyer-text">
								C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP。
							</p>
							<p class="layaplayer-title">更小，更多，更强</p>

							<p class="layapalyer-text">不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。</p>
							
								
							</p>
						</div>
      			</div>
      			<div class="play-right col-xs-12 col-md-4 col-sm-4">
      				<img src="img/layaplayer-002.jpg"/>
      			</div>
      		</div>
      	</div>
      </section>
    <section>
    	<div class="container container1">
    		<div class="row">
    			<div class="other-laya-left col-xs-12 col-sm-6 col-md-6">
    				<p class="layaplay-title3"><span>3</span>LayaPlay</p>
    				<p class="other-play-title">新一代HTML5引擎，正在内测完善中，敬请期待</p>
    				<p class="other-small-title">小巧强大</p>
    				<p class="other-small-text">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
    				<p class="other-small-title">应用领域更广泛</p>
    				<p class="other-small-text">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
    				<p class="other-small-title">多语言开发</p>
    				<p class="other-small-text">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
    				<div class="bottom-img pull-right">
    					<img src="img/pro-list-001.png"/>
    				</div>
    			</div>
    		<div class="other-laya-left col-xs-12 col-sm-6 col-md-6">
    				<p class="layaplay-title3"><span>3</span>LayaPlay</p>
    				<p class="other-play-title">新一代HTML5引擎，正在内测完善中，敬请期待</p>
    				<p class="other-small-title">小巧强大</p>
    				<p class="other-small-text">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
    				<p class="other-small-title">应用领域更广泛</p>
    				<p class="other-small-text">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
    				<p class="other-small-title">多语言开发</p>
    				<p class="other-small-text">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
    				<div class="bottom-img pull-right">
    					<img src="img/pro-list-002.png"/>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    	<section class="other-section">
    			<div class="container container2">
    			<div class="row other2">
    				
    			
    			<div class="other-laya-left col-xs-12 col-sm-6 col-md-6">
    				<p class="layaplay-title3"><span>3</span>LayaPlay</p>
    				<p class="other-play-title">新一代HTML5引擎，正在内测完善中，敬请期待</p>
    				<p class="other-small-title">小巧强大</p>
    				<p class="other-small-text">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
    				<p class="other-small-title">应用领域更广泛</p>
    				<p class="other-small-text">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
    				<p class="other-small-title">多语言开发</p>
    				<p class="other-small-text">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
    				<div class="bottom-img pull-right">
    					<img src="img/pro-list-003.png"/>
    				</div>
    			</div>
    			<div class="other-laya-left col-xs-12 col-sm-6 col-md-6">
    				<p class="layaplay-title3"><span>3</span>LayaPlay</p>
    				<p class="other-play-title">新一代HTML5引擎，正在内测完善中，敬请期待</p>
    				<p class="other-small-title">小巧强大</p>
    				<p class="other-small-text">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
    				<p class="other-small-title">应用领域更广泛</p>
    				<p class="other-small-text">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
    				<p class="other-small-title">多语言开发</p>
    				<p class="other-small-text">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
    				<div class="bottom-img pull-right">
    					<img src="img/pro-list-004.png"/>
    				</div>
    			</div>
    			</div>
    		</div>
    	
    </section>
    	
  		<!--底部-->
	<footer>	
	<div class="container">
		<div class="row">
			<div class="footer-left col-xs-12 col-sm-8 col-md-8">
				<div class="footer-content clearfix">
					<ul>
					<li><a href="#jianjie">公司简介</a></li>
						<li><a href="#lianxi">联系方式</a></li>
						<li><a href="#zhaopin">人才招聘</a></li>
					</ul>
				</div>
				<div class="copyright clearfix ">
					<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
				</div>
			</div>
			<div class="footer-right col-xs-12 col-sm-4 col-md-4 clearfix">
				<div class="contact-img fr clearfix">
					<div class="contact3 ">
						<img src="img/contact-img3.png"/>
					</div>
					<div class="contact2 ">
						<img src="img/contact-img2.png"/>
					</div>
					
					<div class="contact1 ">
						<img src="img/contact-img1.png"/>
					</div>
					
					
				</div>
			</div>
		</div>
		
	</div>
	
	
	</footer>
		
	</body>
	<!--引入jq-->
	<script type="text/javascript" src="js/jquery-2.1.0.js">
	</script>
	<!--引入bootstra.js-->
	<script src="js/bootstrap.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/font-size.js">
</html>
